<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/case.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 头部制作 -->
    <div class="header">
        <div class="w">
            <div class="header_fl">
                欢迎来到XXX律师事务所官网，我们将竭诚为您服务！
            </div>
            <div class="header_fr">
                <img src="images/tel.png" alt="">
                咨询热线：<span>400-XXX-XXXX</span>
            </div>
        </div>
    </div>
    <div class="head">
        <div class="w">
            <div class="logo">
                <h1>
                    <a href="#">XXXX律师事务所</a>
                </h1>
                <h2>XXXX律师事务所</h2>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">服务项目</a></li>
                    <li><a href="#">成功案例</a></li>
                    <li><a href="#">律师团队</a></li>
                    <li><a href="#">新闻动态</a></li>
                    <li><a href="#">联系方式</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="w">
        <div class="focus_bg">
            <h1>
                为您排忧解难<br>
                是我们最重要的事
                <p>咨询热线：400-XXX-XXXX</p>
            </h1>
            <div class="shortnav w">
                <ul>
                    <li>
                        <img src="images/p1_act0.png" alt="">
                        找律师
                    </li>
                    <li>
                        <img src="images/p2_819t.png" alt="">
                        选服务
                    </li>
                    <li>
                        <img src="images/p3_g51q.png" alt="">
                        看案例
                    </li>
                    <li>
                        <img src="images/p4_q67r.png" alt="">
                        要咨询
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 主体部分制作 -->
    <div class="main w">
        <div class="service">
            <div class="service_hd">
                <h2>服务项目</h2>
                <p>SERVICE</p>
            </div>
            <div class="service_bd">
                <div class="fl">
                    <img src="images/service-1_sg54.jpg" alt="">
                </div>
                <div class="fr">
                    <ul>
                        <li>
                            <img src="images/service-sub-1_tfeb.jpg" alt="">
                            <p>合同纠纷</p>
                        </li>
                        <li>
                            <img src="images/service-sub-2.jpg" alt="">
                            <p>劳务纠纷</p>
                        </li>
                        <li>
                            <img src="images/service-sub-3.jpg" alt="">
                            <p>借贷纠纷</p>
                        </li>
                        <li>
                            <img src="images/service-sub-4.jpg" alt="">
                            <p>知识产权</p>
                        </li>
                        <li>
                            <img src="images/service-sub-5.jpg" alt="">
                            <p>股权纠纷</p>
                        </li>
                        <li>
                            <img src="images/service-sub-6.jpg" alt="">
                            <p>房产纠纷</p>
                        </li>
                    </ul>
                </div>
                <div class="pic">66</div>
            </div>
        </div>
        <div class="service case">
            <div class="service_hd case_hd">
                <h2>经典案例</h2>
                <p>CASE</p>
            </div>
            <div class="case_bd">
                <ul>
                    <li>
                        <img src="images/anli1.jpg" alt="">
                        <h2>
                            合同纠纷
                            <p>杭州某公司与上海某公司合作多年，2016年为后者提供某某某服务，服务结束后，经多次催讨无果，故决定起诉。</p>
                        </h2>
                        <a href="#">详情&gt;</a>
                    </li>
                    <li>
                        <img src="images/anli2.jpg" alt="">
                        <h2>
                            借贷纠纷
                            <p>乙先生于2015年借款给甲先生，甲先生承诺在2016年某月某日前将借款全部还清，未兑现。</p>
                        </h2>
                        <a href="#">详情&gt;</a>
                    </li>
                    <li>
                        <img src="images/anli3.jpg" alt="">
                        <h2>
                            劳务纠纷
                            <p>甲先生与2015年至2016年间为某公司员工，某公司一直拖欠甲先生2016年6月至12月工资。</p>
                        </h2>
                        <a href="#">详情&gt;</a>
                    </li>
                    <li>
                        <img src="images/anli4.jpg" alt="">
                        <h2>
                            房产土地
                            <p>甲先生与人签订了房屋买卖合同，并已支付了XXX元，但房东以各种借口不交房。</p>
                        </h2>
                        <a href="#">详情&gt;</a>
                    </li>
                </ul>
                <a href="#">更多</a>
            </div>
        </div>
        <div class="news">
            <div class="news_hd">
                <h2>
                    新闻动态
                    <span>TEAM</span>
                </h2>
                <a href="#">更多&gt;</a>
            </div>
            <div class="news_bd">
                <ul>
                    <li>
                        <div>
                            <h1>24</h1>
                            <span>2015-03</span>
                        </div>
                        <h2> 注册会计师成立行业党委</h2>
                        因长达半月出差，李海东没赶上陪儿子参加中考，颇感内疚。然而作为—名党员和业务骨干，在工作需要时，她抛家不顾。如今，在兴业......
                    </li>
                    <li>
                        <div>
                            <h1>24</h1>
                            <span>2015-03</span>
                        </div>
                        <h2> 注册会计师成立行业党委</h2>
                        因长达半月出差，李海东没赶上陪儿子参加中考，颇感内疚。然而作为—名党员和业务骨干，在工作需要时，她抛家不顾。如今，在兴业......
                    </li>
                    <li>
                        <div>
                            <h1>24</h1>
                            <span>2015-03</span>
                        </div>
                        <h2> 注册会计师成立行业党委</h2>
                        因长达半月出差，李海东没赶上陪儿子参加中考，颇感内疚。然而作为—名党员和业务骨干，在工作需要时，她抛家不顾。如今，在兴业......
                    </li>
                </ul>
            </div>
        </div>
        <div class="online_booking">
            <div class="hd">
                <h2>
                    在线预约
                    <span>ORDER</span>
                </h2>
                <a href="#">更多&gt;</a>
            </div>
            <div class="bd">
                <form action="#">
                    <div>
                        姓名<span>*</span> <input type="text" name="姓名">
                    </div>
                    <div>
                        电话<span>*</span> <input type="tel" name="dianhua">
                    </div>
                    <div>
                        内容<span>*</span> <textarea name="neirong"></textarea>
                    </div>
                    <input class="btn" type="submit" value="提交">
                </form>
            </div>
        </div>
    </div>
    <!-- 页脚制作 -->
    <div class="w">
        <div class="footer">
            <ul>
                <li>
                    <img src="images/logo2.png" alt="">
                    <span>XXXXX律师事务所</span>
                </li>
                <li>
                    电话：0571-XXXXXXXX 传真：0571-XXXXXXXX 邮箱：XXXX@XXXX.com <br>
                    地址：XXX省XXX市XXXX区XXXX路XXX号XXXX大厦XX楼XXXX号
                </li>
                <li>
                    <img src="images/erweima.png" alt="">
                    <span>扫一扫<br>
                        关注官方微信</span>
                </li>
            </ul>
        </div>
    </div>

</body>

</html>